<template>
<view>
		<block v-for="(item, index) in diyItems" :key="index">
			<!--轮播图-->
			<template v-if="item.type === 'banner' && item.data != null">
				<banner :itemData="item"></banner>
			</template>

			<!--单组图-->
			<template v-if="item.type === 'imageSingle' && item.data != null">
				<imagesingle :itemData="item"></imagesingle>
			</template>

			<!-- 橱窗-->
			<template v-if="item.type == 'window' && item.data != null">
				<windows :itemData="item"></windows>
			</template>

			<!-- 视频组-->
			<template v-if="item.type == 'video'">
				<videos :itemData="item"></videos>
			</template>

			<!--文章-->
			<template v-if="item.type == 'article' && item.data != null">
				<articles :itemData="item"></articles>
			</template>

			<!--头条快报-->
			<template v-if="item.type == 'special' && item.data != null">
				<special :itemData="item"></special>
			</template>

			<!--公告组-->
			<template v-if="item.type == 'notice'">
				<notice :itemData="item"></notice>
			</template>
			<!--标题组-->
			<template v-if="item.type == 'title'">
				<titles :itemData="item"></titles>
			</template>
			<!--导航组-->
			<template v-if="item.type === 'navBar' && item.data != null">
				<navBar :itemData="item" :serviceUserId="serviceUserId"></navBar>
			</template>

			<!--商品组-->
			<template v-if="item.type === 'product' && item.data != null">
				<product :itemData="item"></product>
			</template>

			<!--优惠券-->
			<template v-if="item.type === 'coupon' && item.data != null">
				<coupon :itemData="item"></coupon>
			</template>

			<!--门店-->
			<template v-if="item.type == 'store' && item.data != null">
				<store :itemData="item"></store>
			</template>

			<!--客服-->
			<template v-if="item.type == 'service'">
				<serviceIndex :itemData="item" :serviceUserId="serviceUserId" :nickName="nickName"></serviceIndex>
			</template>
			<!--视频直播-->
			<template v-if="item.type == 'shiPinLive'">
				<shipinLiveIndex :itemData="item" ref="shipinLiveRef"></shipinLiveIndex>
			</template>

			<!--富文本-->
			<template v-if="item.type === 'richText'">
				<richText :itemData="item"></richText>
			</template>

			<!--辅助空白-->
			<template v-if="item.type == 'blank'">
				<blank :itemData="item"></blank>
			</template>

			<!--辅助线-->
			<template v-if="item.type == 'guide'">
				<guide :itemData="item"></guide>
			</template>

			<!--秒杀-->
			<template v-if="item.type == 'seckillProduct' && item.data != null">
				<seckillProduct :itemData="item"></seckillProduct>
			</template>

			<!--拼团-->
			<template v-if="item.type == 'assembleProduct' && item.data != null">
				<assembleProduct :itemData="item"></assembleProduct>
			</template>

			<!--预告-->
			<template v-if="item.type == 'previewProduct' && item.data != null">
				<previewProduct :itemData="item"></previewProduct>
			</template>

			<!--砍价-->
			<template v-if="item.type == 'bargainProduct' && item.data != null">
				<bargainProduct :itemData="item"></bargainProduct>
			</template>
			<!--基础信息-->
			<template v-if="item.type === 'base'">
				<Base :itemData="item" :userInfo="userInfo" :isLogin="isLogin">
				<slot />
				</Base>
			</template>
			<!--我的订单-->
			<template v-if="item.type === 'order'">
				<order :itemData="item" :userInfo="userInfo"></order>
			</template>
			<!--热区图-->
			<template v-if="item.type === 'hotImage'">
				<hotImage :itemData="item" :userInfo="userInfo"></hotImage>
			</template>
			<!--微信直播-->
			<!-- #ifdef MP-WEIXIN -->
			<template v-if="item.type == 'wxlive' && item.data != null">
				<wxlive :itemData="item"></wxlive>
			</template>
			<!-- #endif -->
			<!--APP直播-->
			<!-- #ifdef APP-PLUS -->
			<template v-if="item.type == 'appLive' && item.data != null">
				<appLive :itemData="item"></appLive>
			</template>
			<!-- #endif -->
		</block>
	</view>
</template>

<script>
// import search from './search/search';
import banner from "./banner/banner";
import imagesingle from "./imagesingle/imagesingle";
import windows from "./window/window";
import videos from "./videos/videos";
import articles from "./article/article";
import special from "./special/special";
import notice from "./notice/notice";
import titles from "./title/title";
import coupon from "./coupon/coupon";
import richText from "./richText/richText";
import navBar from "./navBar/navBar";
import store from "./store/store";
import serviceIndex from "./service/service";
import shipinLiveIndex from "./shipinLive/shipinLive";
import blank from "./blank/blank";
import guide from "./guide/guide";
import product from "./product/product";
import seckillProduct from "./seckillProduct/seckillProduct";
import assembleProduct from "./assembleProduct/assembleProduct";
import previewProduct from "./previewProduct/previewProduct.vue";
import bargainProduct from "./bargainProduct/bargainProduct.vue";
import wxlive from "./wxlive/wxlive";
import appLive from "./appLive/appLive";
import Base from "./base/base";
import order from "./order/order";
import hotImage from "./hotImage/hotImage";
export default {
  components: {
    banner,
    imagesingle,
    windows,
    videos,
    articles,
    special,
    notice,
    titles,
    coupon,
    richText,
    navBar,
    store,
    serviceIndex,
    shipinLiveIndex,
    blank,
    guide,
    product,
    seckillProduct,
    assembleProduct,
    previewProduct,
    bargainProduct,
    appLive,
    wxlive,
    Base,
    order,
	hotImage
  },
  data() {
    return {};
  },
  props: ["diyItems", "userInfo", "serviceUserId", 'isLogin'],
  created() {},
  methods: {
    loadinData() {
      this.$nextTick(() => {
        if (this.$refs.shipinLiveRef && this.$refs.shipinLiveRef[0]) {
          this.$refs.shipinLiveRef[0].getData();
        }
      });
    }
  }
};
</script>

